<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>

  <body>
    <div id="app"></div>
    <script>
      // let name = "show"
      // let obj = {
      //     [name]:"hello"
      // }
      // console.log(obj[name]);
      //3、合并属性
      //   const target = {
      //     a: 1,
      //     b: 2,
      //   }
      //   const source = {
      //     b: 4,
      //     c: 5,
      //   }
      //   const source2 = {
      //     d: 5,
      //   }
      //   const returnedTarget = Object.assign(target, source)
      //   console.log(target) //相同的属性会覆盖
      const obj4 = { a: { b: 1 } }
      const obj5 = Object.assign({}, obj4)

      obj4.a.b = 2 //修改obj4里面属性的对象的值，拷贝的对象里面的值也会改变。
      obj5.a.b // 2
      console.log(obj5.a.b)
    </script>
  </body>
</html>
